﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title id="title">{{title}}</title>
</head>
<body>
    <div id="head">{{ message }}</div>
    <div>
        <h2>All Products</h2>
        <ul id="products">
            <li v-for="todo in todos">
                {{ todo.text }}
            </li>
        </ul>
    </div>
    <div>
        <h2>Search by ID</h2>
        <input type="text" id="prodId" size="5" />
        <input type="button" value="Search" onclick="find();" />
        <p id="product" />
    </div>

    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>
    <script src="../../Scripts/Vue/vue.js"></script>
    <script src="../../Scripts/Product/product.js"></script>
</body>
</html>